<template>
  <div>
    <!-- <hr>
    Detail- Detail-Detail
    <hr>
    {{ query.id }}
    <hr>
    {{ query.sex }} -->
    <!-- <li>{{ route.params.id }}</li>
    <li>{{ route.params.title }}</li>
    <li>{{ route.params.content }}</li> -->
    <li>{{ id }}</li>
    <li>{{ title }}</li>
    <li>{{ content }}</li>
  </div>
</template>

<script setup lang='ts' name="Detail">
import { useRoute } from 'vue-router'
import { toRefs } from 'vue'
let route = useRoute()
defineProps(['id', 'title', 'content'])
</script>

<style scoped lang='scss'></style>